<template>
	<view class="order" v-for="item in order">
		<view class="order-a">
			<p class="order-title">配送地址</p>
			<p class="order-text">{{item.address}}</p>
		</view>
		<view class="order-a">
			<p class="order-title"></p>
			<p class="order-text">{{item.user}}</p>
		</view>
		<view class="order-a">
			<u-line color="#E4E4E4"></u-line>
		</view>
		<view class="order-a">
			<p class="order-title">订单号码</p>
			<p class="order-text">{{item.ordernum}}</p>
		</view>
		<view class="order-a">
			<p class="order-title">下单时间</p>
			<p class="order-text">{{item.time}}</p>
		</view>
		<view class="order-a">
			<p class="order-title">支付方式</p>
			<p class="order-text">{{item.paymethod}}</p>
		</view>
	</view>
</template>

<script setup>
const props = defineProps({
		order: "order"
	})
</script>

<style>
	.order {
		margin: 0 auto;
		margin-top: 10px;
		width: 90%;
		background-color: white;
		border-radius: 5px;
		overflow: hidden;
		padding: 10px;
	}
	.order-a{
		display: flex;
		justify-content: space-between;
		padding: 5px;
	}
	.order-title{
		color: #A7A8A8;
		font-size: 14px;
	}
	.order-text{
		color: #222426;
		font-size: 14px;
	}
</style>
